@font-face
{
    font-family: 'Roboto-Light',serif !important;
    src: url('/css/Roboto-Light.ttf');
}
* P{
    color:white;
}
body{
    display :block;
    margin:0;
    padding:0;
    /*background-image:url('/iamges/earth.jpg') ;*/
    background-attachment:fixed;
    background-color:black;
   font-family: "Roboto-Light",serif !important;
    font-size:15px;
    /* opacity: 0.9; */
    color:white;
    height: 100%
}
.ui-page {
    /*  
    background-image:  url('/images/earth.jpg');
    */
}
* ul{
  list-style-type: none;
}
#keyword_area{
  width: 240px;
  float:right;
}
.download{
 display:block;        
}
.download .download-heading {
    margin-bottom: 10px;
}
.mime, .itag {
    display: inline-block;
}
.itag {
    /*width: 15px;*/
    text-decoration: none;
    list-style-type: none;
    word-wrap: normal;
}
.itag .a{
    word-wrap: normal;
}
.dl_list{
    margin:auto;
}
.dl_list li{
      list-style-type: none;
      float : none;
}
.userscript {
   /* float: right;*/
    margin-top: 5px
}
.ui-collapsible-content ui-body-inherit{
    background-color: black;
}
.clear { clear:both; }

#main_box {
    display:block;
    width: 100%;
    /*height:100%;*/
    /* margin : 0 1.0416667%; */  /*10/960*/
    /* margin-top:10px; */
    /*  margin-left:60px; */
    margin: auto;
    background-color: black;
    text-align:center;
    /* padding-bottom: 50px;*/

}

#logo{
  float:left;
}
#top_ad{
    display:block;
    height:90px;
}
#share_this_url{
    max-width:130px;
    float:left;
}
#top_nav{
    display:block;
    margin-bottom:0px;
    margin-right:10px;
    margin-left:10px;
    position:fixed;
    background-color:black;
    opacity:0.9;
}
#top_nav li{
    float: left;
}
#content{
    display:block;
    /*   margin-top: 10px; */
}
#palyer_wrapper{
    margin-top: 0px;
    margin-bottom: 0px;
    display:block;
}

#player_area{
    margin-top: 1px;
    margin-bottom: 1px;
    display:block;
    text-align:center;
    background-color:black;
}

#social_area{
    margin-top: 1px;
    margin-bottom: 1px;
}
#grid_area{
    /*margin-top: 20px; */
    margin-bottom: 20px;
    display:block;
    /*overflow:scroll;*/
    background-color:black;

}
.gridimg{
    text-align: center;
    /*width:130px;*/
}
.imgholder{
    alignment-adjust: central;
    width:320px;
    min-height:320px;
    max-height:640px;
    overflow:hidden;
    margin:0 auto;
    display:block;
    background:#000;
    border:1px solid;
    border-color:#bbb;
    color:white;
    font-size:xx-small;
    text-align: center;
}
.imgholder:hover{
    border-color:#aaa;
}
.imgholder img{
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    /*  opacity:0.95; */
    transition:transform 0.5s ease-in-out, opacity 0.5s;
    -moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
    -webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;
    /*margin-top:20px;*/
    text-align: center;
}
.imgholder:hover img{
    transform:scale(1, 1);
    -ms-transform:scale(1, 1);
    -moz-transform:scale(1, 1);
    -webkit-transform:scale(1, 1);
    -o-transform:scale(1, 1);
}
#infomation_area{
    margin-top: 20px;
    margin-bottom: 20px;
    display:block;   
}

#container{
    display:block;
}
#footer{

}
#copyright{
    text-align: center;
}
.title{
    color:rgb(180,199,198);
    text-shadow:0 1px 0 #000000;
    text-decoration: none;
    font-size:xx-small;
    margin-top: 10px;
}
a{
    color:white;
}
a:hover, a:active{
    color:#91DCFF;
    text-shadow:0 1px 0 #000000;
    text-decoration: none
}
a.topLinks{
    color:white;
    font: bold 16px Century ;
    text-shadow:0 1px 0 #000000;
    text-decoration: none;
}
a.topLinks:hover{
    color:yellow;
    font: bold 16px Century ;
    text-shadow:0 1px 0 #000000;
    text-decoration: none
}


.description{
    display:block;
    margin-top:0px;
}
#f1{
    float:left;

}

#menu_area{
    overflow:auto;
    resize:both;
    border:1px;
    background-color:black;
}
#share_url{
    width:130px;
}

.topLinks{
    font-size:20px;
    height:60px;

}
#videoInfo{
    background-color:black;
}
#navigation_wrapper{
   /* float:right;*/
   list-style:none;
    -webkit-padding-start: 10px;
   
}
#navigation_area{
    flaot:left;
}
#share_area{
    flaot:left;
}
#share_feed_area{
    background-color: black;
}
#searchResultsVideoList{
    margin-bottom: 20px;
}
#login{
    font-size:large;
    alignment-adjust: central;
}
.nav_button{
    background-color:white;
    width:45px;
    height:45px;
    float : left;
}
.banner{
    display : block;
    float:right;
    margin-right: 30px;
}
.navigations{
    text-decoration: none;
    list-style-type: none;
}
.nav_button{
    text-decoration: none;
    list-style-type: none;
}
.itag{
   text-decoration: none;
    list-style-type: none;
}
.header_nav{
    opacity: 0.9;
}
.ui-collapsible ,.ui-collapsible-inset ,.ui-corner-all ,.ui-collapsible-themed-content{
    background-color:black;
}
.ui-collapsible-content ui-body-inherit{
    background-color:black;
}
